<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- 微软的老式浏览器 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

    <link rel="stylesheet" href="css/layui.mobile.css">
    <link rel="stylesheet" type="text/css" href="css/style.css"><!-- 基本样式 -->
    <link rel="prefetch" href="http://cpbridge.bceapp.com/index.html" />
    <link rel="prefetch" href="http://cpbridge.bceapp.com/Single-circle.html" />
    <link rel="prefetch" href="http://cpbridge.bceapp.com/message.html" />
    <link rel="prefetch" href="http://cpbridge.bceapp.com/activity.html" />
    <link rel="prefetch" href="http://cpbridge.bceapp.com/mine.html" />
    <script src="js/common.js"></script>
    <title>我的信息</title>
    <style>
        .spinner{width:20px;height:20px;position:fixed;z-index:1002;top:50%;margin-top:-10px;left:50%;margin-left:-10px}.container1>div,.container2>div,.container3>div{width:6px;height:6px;background-color:#ff536a;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .spinner-container{position:absolute;width:100%;height:100%}.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.circle1{top:0;left:0}.circle2{top:0;right:0}.circle3{right:0;bottom:0}.circle4{left:0;bottom:0}.container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.container3 .circle1{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.container1 .circle2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.container2 .circle2{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.container3 .circle2{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.container1 .circle3{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.container2 .circle3{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.container3 .circle3{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.container1 .circle4{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.container2 .circle4{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.container3 .circle4{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0)}40%{-webkit-transform:scale(1.0)}}@keyframes bouncedelay{0%,80%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}40%{transform:scale(1.0);-webkit-transform:scale(1.0)}}#loading .mask{position:fixed;width:100%;background-color:#fff;top:0;left:0;height:100%;z-index:1001}

    </style>
</head>
<body>
<div id="loading">
    <div class="mask"></div>
    <div class="spinner">
        <div class="spinner-container container1">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container2">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container3">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
    </div>
</div>

<div id="list"></div>

<!--     菜单栏 s-->
    <footer>
        <ul class="tab-nav">
           <li>
               <a href="index.html">
                    <div class="icon-box">
                        <i class="icon1"></i>
                    </div>
                    <div>
                        <span >首页</span>
                    </div>
               </a>
           </li>
             <li>
               <a href="Single-circle.html">
                    <div class="icon-box">
                        <i class="icondsp"></i>
                    </div>
                    <div>
                        <span>单身圈</span>
                    </div>
               </a>
           </li>
            <li>
               <a href="message.html">
                    <div class="icon-box">
                        <i class="icon-xx"></i>
                    </div>
                    <div>
                        <span>消息</span>
                    </div>
               </a>
           </li>
            <li>
               <a href="activity.html">
                    <div class="icon-box">
                        <i class="iconhd"></i>
                    </div>
                    <div>
                        <span>活动</span>
                    </div>
               </a>
           </li>
            <li>
               <a href="">
                    <div class="icon-box">
                        <i class="iconmyhover"></i>
                    </div>
                    <div>
                        <span class="active">我的</span>
                    </div>
               </a>
           </li>
        </ul>
    </footer>
<!--     菜单栏 e-->
<script src="js/jquery/jquery-2.2.4.min.js"></script>
<script src="js/utils.js"></script>
<script>
    Utils.historyBack(function () {
        window.location.href = 'index.html';
    });
    $.ajax({
        type : "GET",
        url : getRequestUrl("/user/get_self_detail"),
        success : function(datas) {
            console.log(datas);
            var arr=datas.response_params.result;
            localStorage.txurl=arr.portrait;
            var strs=`<div style="position: relative;background:#fff;">
                <div class="mymeaasge">
                    <div class="mypic">
                       <img src=${arr.portrait}>
                    </div>
                    <div class="mymame">
                        <h4>${arr.nick_name}</h4>
                        <p>${arr.profile}</p>
                    </div>
                    <a href="Edit-information.html" class="rightmymeaasge">编辑信息</a>
                </div>
                        <div class="friendmasagesbox">
                        <ul>
                        <li>
                        <a href="Iunlock.html">
                        <img src="cssimg/jiesuo.png" alt="">
                        <div>我的解锁</div>
                        </a>
                        </li>
                        <li>
                        <a href="Unlockmy.html">
                        <img src="cssimg/jiesuo2.png" alt="">
                        <div>解锁我的</div>
                        </a>
                        </li>
                        <li>
                        <a href="Activityirelease.html">
                        <img src="cssimg/huodong.png" alt="">
                        <div>我的活动</div>
                        </a>
                        </li>
                        <li>
                        <a href="Invitefriends.html">
                        <img src="cssimg/yaoqing.png" alt="">
                        <div>邀请好友</div>
                        </a>
                        </li>
                        </ul>
                        </div>

                        <div class="myselfinformation ">
                        <a href="myFocusingle.html">
                        <img src="cssimg/attention.png" alt="">
                        <span>关注</span>
                        </a>
                        <div class="hr"></div>
                        <a href="certification.html">
                        <img src="cssimg/certification.png" alt="">
                        <span>认证</span>
                        </a>
                        <div class="hr"></div>
                        <a href="Privacy-switch.html">
                        <img src="cssimg/privacy.png" alt="">
                        <span>隐私</span>
                        </a>
                        <div class="hr"></div>
                        <a href="questions-anonymously.html">
                        <img src="cssimg/pseudonym.png" alt="">
                        <span>匿名留言</span>
                        </a>
                        <div class="hr"></div>
                        <a href="mycurrency.html">
                        <img src="cssimg/money.png" alt="">
                        <span>我的圈币</span>
                        </a>
                        <div class="hr"></div>
                        <a href="feedback.html">
                        <img src="cssimg/feedback.png" alt="">
                        <span>我要反馈</span>
                        </a>
                        <div class="hr"></div>
                        <a href="aboutcp.html">
                        <img src="cssimg/aboutcp.png" alt="">
                        <span>关于CP</span>
                        </a>
                        </div>
                        </div>`;
            $(strs).appendTo("#list");
            $("#loading").hide();

        },
        error : function(err) {
        	dealCPErrorResponse(err);
        }
    });
</script>
</body>
</html>